@import "variable";

/* 导航 */
.nav-bar-box {
  .middle-content{
    .nav-bar{
      .el-menu.el-menu--horizontal {
        border-bottom: transparent;

        a.router-link-active .el-menu-item{
          border-bottom: transparent;
          color: $default-color;
        }

        a .el-menu-item{
          padding: 0 40px;
          color: #333333;
          font-size: 16px;

          &:hover{
            background-color: transparent;
          }

          &:focus{
            background-color: transparent;
          }
        }

        a:not(.router-link-active):hover .el-menu-item{
          color: $default-color;
        }
      }
    }
  }
}


// 日期选择器
.time-select{
  .el-date-editor--daterange.el-input__inner{
    width: 240px;
    background-color: $selector-bg;
    border: none;

    .el-range__close-icon{
      margin-left: 10px;
      line-height: 26px;
    }

    .el-range-separator{
      width: auto;
      color: $selector-default-color;
      line-height: 26px;
    }

    .el-range-input{
      width: 60%;
      background-color: $selector-bg;
      color: $selector-color;

      &::-webkit-input-placeholder{
        color: $selector-default-color;
      }
    }

    .el-icon-date{
      padding: 0 6px 0 3px;
      line-height: 26px;
    }
  }
}


// 选择器样式
.select-box{
  .el-select .el-input{
    .el-input__inner{
      background-color: transparent;
      border: none;
      padding-left: 18px;
      color: $selector-color;

      &::-webkit-input-placeholder{
        color: $selector-default-color;
      }
    }
  }
}

// 下拉菜单样式
.el-dropdown-link {
  cursor: pointer;
  color: #999999;
  display: flex;
  align-items: center;

  .text{
    width: 28px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: $default-color;
  }

  .glass-name{
    width: 56px;
  }
}
.el-icon-arrow-down {
  font-size: 12px;
}


/* 朴素按钮 */
.table-title{
  width: 100%;
  height: 60px;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #f1f1f1;

  .el-button--primary{
    color: $default-color;
    background: #ebf0ff;
    border-color: $default-color;

    &:focus,
    &:hover{
      color: #FFF;
      background-color: $hover-color;
      border-color: $hover-color;
    }

    &:active{
      color: #FFF;
      background-color: $default-color;
    }
  }
}


/* 表格内字体大小  表头背景 */
.table-container .el-table {
  thead{
    color: rgb(99, 99, 99);
    background: #F5F7FA;
  }

  tr th{
    background: #F5F7FA;
  }

  td, th{
    .el-button--text{
      color: $default-color;

      &:focus,
      &:hover{
        color: $hover-color;
      }

      &:active{
        color: $default-color;
      }
    }
  }
}


// 弹窗按钮样式
.dialog-footer{
  .el-button--default{
    &:focus{
      color: $focus-color;
      border-color: $focus-color;
    }

    &:hover{
      color: $hover-color;
      border-color: $hover-color;
    }

    &:active{
      color: $default-color;
      border-color: $default-color;
    }
  }

  .el-button--primary{
    background-color: $default-color;
    border-color: $default-color;

    &:focus{
      background-color: $focus-color;
      border-color: $focus-color;
    }

    &:hover{
      background: $hover-color;
      border-color: $hover-color;
    }

    &:active{
      background-color: $default-color;
      border-color: $default-color;
    }
  }
}






/* 选项卡 */
.el-tabs--card>.el-tabs__header{
  position: fixed;
  width: 100%;
  padding: 20px 0 0 0;
  box-sizing: border-box;
  z-index: 888;
  background: #fff;
}

.el-tabs--card>.el-tabs__header .el-tabs__nav{
  margin-left: 20px;
}


.el-form-item{
  margin: 18px 0;
}

/* 消息弹窗 */
.el-message-box{
  margin-top: -20%;
}


/*标签样式重置*/
.el-tabs__nav .el-tabs__item.is-active {
  color: #4688cc;
}

.el-tabs__nav .el-tabs__item:hover{
  color: #4688cc;
}


.el-checkbox >>> .el-checkbox__inner{
  background-color: #4688cc !important;
  border-color: #4688cc !important;
}

.el-checkbox >>> .el-checkbox__label{
  color: #4688cc !important;
}


.el-dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
}


// 文字提示
.el-tooltip__popper.is-dark{
  padding: 6px !important;
  transform: scale(0.9, 0.9);
}
